/* styles.css */

/* 基础样式（如果有的话） */
.travel-log-container {
    /* 你的容器样式 */
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background-color: #f5f5f5;
}

.user-info {
    /* 你的用户信息样式 */
    margin-bottom: 20px;
}

.travel-log-image {
    /* 游记图片样式 */
    width: 100%;
    max-width: 600px;
    height: auto;
    margin-bottom: 20px;
}

.travel-log-title {
    /* 游记标题样式 */
    font-size: 24px;
    margin-bottom: 10px;
}

.travel-log-description {
    /* 游记描述样式 */
    font-size: 16px;
    line-height: 1.5;
}

/* 新增的评价部分样式 */
.comment-section {
    margin-top: 20px;
}

.comment-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    min-height: 100px;
}

.submit-comment-btn {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #20a0ff;
    color: #fff;
    border: none;
    border-radius: 4px;
    margin-top: 10px;
    cursor: pointer;
}

.view-all-comments-btn {
    /* 查看全部评价的按钮样式 */
    display: inline-block;
    padding: 10px 20px;
    background-color: #18bbab;
    color: #fff;
    border: none;
    border-radius: 4px;
    margin-left: 10px;
    cursor: pointer;
}

.back-to-home-btn {
    /* 返回首页的按钮样式 */
    display: block;
    width: 100%;
    padding: 10px;
    background-color: rgb(255, 185, 2);
    color: #fff;
    border: none;
    border-radius: 4px;
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
}

.report-btn {
    /* 举报按钮的样式 */
    display: inline-block;
    padding: 10px 20px;
    background-color: #ff5824;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
